<%@ page contentType="text/html; charset=utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%> 
<!DOCTYPE html>
<html>

<head>
  	<link rel="stylesheet" type="text/css" href="/ext-3.3.0/resources/css/ext-all.css" />
	<!-- GC -->
    <!-- LIBS -->
    <script type="text/javascript" src="/ext-3.3.0/adapter/ext/ext-base.js"></script>
    <!-- ENDLIBS -->
	
	<script type="text/javascript" src="/ext-3.3.0/ext-all.js"></script>
	
	<script type="text/javascript" src="/js/hello.js"></script>
	<script type="text/javascript" src="/js/examples.js"></script>
	<script type="text/javascript" src="/js/my.js"></script>
	
	<script type="text/javascript">
		Ext.namespace('Ext.donzell');
		Ext.donzell.Person = Ext.emptyFn;
		Ext.apply(Ext.donzell.Person.prototype,{
			say:function(){
				alert(String.format("姓名:{0},性别:{1}",this.name,this.sex));
			}
		})
		
		//静态方法调用
 		Ext.donzell.Person.say = function(_name,_sex){
			var _person = new Ext.donzell.Person();
			_person.name=_name;
			_person.sex=_sex;
			_person.say();
		} 
		
		Ext.onReady(function(){
			var btn2 = Ext.get('show-btn2');
			btn2.on('click',function(){
				Ext.donzell.Person.say("00","woman");
			});
		});
	</script>
	
</head>
<body>
	
<h1>Hello World Window</h1>
<p>This example shows how to create a very simple Window with "autoTabs" from existing markup.</p>
<input type="button" id="show-btn" value="显示Window" /><br /><br />
<input type="button" id="show-btn1" value="弹出提示" /><br /><br />
<input type="button" id="show-btn2" value="弹出提示" onclick="newdata"/><br /><br />
<p>Note that the js is not minified so it is readable. See <a href="hello.js">hello.js</a> for the full source code.</p>

<div id="hello-win" class="x-hidden">
    <div class="x-window-header">Hello Dialog</div>
    <div id="hello-tabs">
        <!-- Auto create tab 1 -->
        <div class="x-tab" title="Hello World 1">
            <p>Hello...</p>
        </div>
        <!-- Auto create tab 2 -->
        <div class="x-tab" title="Hello World 2">
            <p>... World!</p>
        </div>
    </div>
</div>
</body>
</html>